// The following two lines import the default Sencha Touch theme. If you are building
// a new theme, remove them and the add your own CSS on top of the base CSS (which
// is already included in your app.json file).
$base-gradient : 'glossy';

@import 'sencha-touch/default';
@import 'sencha-touch/default/all';

.x-toolbar {
    @include background-image(linear-gradient(#444345, #838488));
}

.x-tabbar {
    @include background-gradient(lighten(#000,10%),'glossy');
    .x-button-label {
        color: white;
    }
}

// Custom code goes here..

// Examples of using the icon mixin:
// @include icon('user');